<template>
  <div class="base-layout">
    <!-- 顶部 card  -->
    <top-panel class="row-container" />
    <!-- 用户数据表格 -->
    <user-table class="row-container" />
    <!-- 中部图表  -->
    <!-- <middle-chart class="row-container" /> -->
    <!-- 列表排名 -->
    <!-- <rank-list class="row-container" /> -->
    <!-- 出入库概览 -->
    <!-- <output-overview class="row-container" /> -->
  </div>
</template>
<script>
import TopPanel from './components/TopPanel.vue';
import UserTable from './components/UserTable.vue';
// import MiddleChart from './components/MiddleChart.vue';
// import RankList from './components/RankList.vue';
// import OutputOverview from './components/OutputOverview.vue';

export default {
  name: 'DashboardBase',
  components: {
    TopPanel,
    UserTable,
    // MiddleChart,
    // RankList,
    // OutputOverview,
  },
};
</script>
<style scoped lang="less">
.row-container {
  // margin-bottom: 16px;
}
/deep/ .t-card__body {
  padding-top: 0;
}
</style>
